@charset 'utf-8';
.passport-box * { margin: 0; padding: 0; }
.passport-box .fl { float: left; }
.passport-box .fr { float: right; }
.passport-box ul,.passport-box li { list-style:none; }
.passport-box input { font-family:inherit;font-size:inherit;font-weight:inherit; *font-size:100%; vertical-align:middle; }
.passport-box input:focus{ outline:none; }
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.passport-box { display: none; width: 720px; background-color: #fff; border-radius: 4px; font-size: 12px; line-height: 1.5; font-family: 'microsoft yahei'; overflow: hidden; transition:all 0.2s ease-in-out 0s; }
.passport-box a { outline: none; }
.passport-box-icon { background: url(http://pic.51wan.com/passport/common/i/icon.png) no-repeat; }
.passport-box-hd { height: 70px; border-bottom: 1px solid #E4E4E4; }
.passport-box-logo { display: inline-block; margin: 13px 0 0 20px; width: 110px; height: 44px; }
.passport-box-title { display: inline-block; margin: 28px 0 0 15px; width: 95px; height: 22px; }
.passport-box-close { display: inline-block; margin: 21px 21px 0 0; width: 33px; height: 33px; background-position: 0 -110px; transition: all 0.3s ease-in-out 0s; }
.passport-box-close:hover { transform: rotate(360deg); }
.passport-form {}
.passport-form li { margin-bottom: 6px; vertical-align: middle; }
.passport-form label { padding-right: 8px; width: 100px; font-size: 14px; line-height: 32px; text-align: right; color: #4F4F4F; }
.passport-form input { padding: 0 5px; width: 200px; height: 30px; border: 1px solid #E5E5E5; line-height: 30px; color: #666; }
.passport-form .tips { display: none; margin-left: 10px; line-height: 32px; }
.passport-form .wrong input { width: 160px; }
.passport-form .wrong .tips { display: inline-block; color: #c00; }
.passport-form .curr input { width: 160px; }
.passport-form .curr .tips { display: inline-block; color: #999; }
.passport-form-spe1 { padding: 6px 0 4px 30px; }
.passport-form-spe1 p { margin-bottom: 8px; color: #A9A9A9; }
.passport-form-spe1 p span { color: #438DCC; }
.passport-form-spe1 label { display: inline-block; margin-right: 45px; padding-left: 20px; width: auto; height: 18px; background-position: 0 -218px; font-size: 12px; line-height: 18px; color: #4F4F4F; text-align: left; cursor: pointer; }
.passport-form-spe1 label.curr { background-position: 0 -238px;}
.passport-form-spe2 { padding: 6px 0 4px 30px;}
.passport-form-spe2 label { display: inline-block; padding-right: 0; padding-left: 24px; width: auto; height: 18px; background-position: 0 -391px; font-size: 12px; line-height: 18px; color: #A9A9A9; text-align: left; cursor: pointer; }
.passport-form-spe2 label.curr { background-position: 0 -148px; }
.passport-form-spe2 input { display: none; }
.passport-form-spe2 label a { color: #438DCC; text-decoration: none;}
.passport-form-spe2 label a:hover { text-decoration: underline; }
.passport-form-spe3 { padding-top: 4px; width: 318px; }
.passport-form-spe3 input { display: none; }
.passport-form-spe3 label { display: inline-block; margin-left: 108px; padding-right: 0; padding-left: 24px; width: auto; height: 18px; background-position: 0 -391px; font-size: 12px; line-height: 18px; color: #4F4F4F; text-align: left; }
.passport-form-spe3 label.curr { background-position: 0 -148px;}
.passport-form-spe3 a { color: #4F4F4F; }
.passport-form-gt label { line-height: 44px; }
.passport-form-gt .geetest_holder { float: left; }
.passport-form-gt .geetest_holder.geetest_wind { min-width: 212px;}
.passport-form-gt .passport-form-gt-loading { width: 212px; font-size: 14px; line-height: 44px; color: #999; }
#passport-form-gt input{ width: 80px; margin: 5px 0;}
#passport-form-gt img{ margin: 10px 5px;}
#passport-form-gt .tips{margin: 5px}
#passport-form-gt .curr input { width: 80px; }
#passport-form-gt .wrong input { width: 80px; }
#passport-form-gt .right input { width: 80px; }
.passport-form-code { display: none; }
/*.passport-form-identity { display: none; }*/
.passport-form .passport-form-code input { width: 67px; }
.passport-form-code img { display: inline-block; margin: 4px 0 0 10px; width: 83px; height: 24px; cursor: pointer; }
.passport-form .passport-button { margin: 20px auto 0; padding: 0; display: block; width: 215px; height: 40px; background-color: #76B600; border:0; line-height: normal; font-size: 14px; color: #FFF; cursor:pointer; }
.passport-form .passport-button2 { margin: 10px auto 0; display: block; width: 50px; height: 18px; color: #438DCC; text-align: center; text-decoration: none; }
.passport-form .passport-button2:hover { text-decoration: underline; }
/* passport-box-reg */
.passport-box-reg { display: block; padding-bottom: 30px; }
.passport-box-reg .passport-box-title { background-position: 0 -50px; }
.passport-box-reg .passport-box-sidebar { padding: 20px 30px; width: 190px; }
.passport-box-reg .passport-form .right .tips { display: inline-block; width: 20px; height: 32px; background: url(http://pic.51wan.com/passport/common/i/icon.png) no-repeat 0 -264px; }
.passport-box-way {}
.passport-box-way li { margin-bottom: 1px; width: 188px; height: 35px; border: 1px solid #E5E5E5; line-height: 35px; text-align: center; color: #4F4F4F; cursor: pointer; }
.passport-box-way li.curr { padding-right: 2px; width: 186px; height: 37px; border:0; border-left: 2px solid #DD2443; background-color: #FFDFE4; line-height: 37px; color: #DD2443; }
.passport-box-toreg { margin-top: 15px; padding-left: 20px; height: 18px; color: #A9A9A9; }
.passport-box-toreg a { margin-left: 5px; color: #438DCC; text-decoration: none; }
.passport-box-toreg a:hover { text-decoration: underline; }
.passport-box-sns { margin-top: 75px; }
.passport-box-sns p { padding-left: 20px; height: 18px; color: #A9A9A9;}
.passport-box-sns div { margin-top: 15px; text-align: center; }
.passport-box-sns div a { display: inline-block; margin: 0 5px; width: 24px; height: 24px; overflow: hidden; }
.passport-box-sns-wx { background-position: 0 -190px; }
.passport-box-sns-tencent { background-position: -34px -190px;}
.passport-box-sns-sina { background-position: -68px -190px;}
.passport-box-reg .passport-box-main { padding-top: 20px; width: 470px; }
/* passport-box-login */
.passport-box-login { display: none;}
.passport-box-login .passport-box-title { background-position: 0 -80px; }
.passport-box-login .passport-box-main { padding: 40px 0 30px; width: 390px; border-right: 1px solid #E4E4E4; }
.passport-box-login .passport-form li { margin-bottom: 16px; }
.passport-box-login .passport-form .passport-button { margin-top: 15px; }
.passport-box-login .passport-form .curr input { width: 200px; }
.passport-box-login .passport-form .curr .tips { display: none; }
.passport-box-login .passport-form .passport-form-code input { width: 67px; }
.passport-box-login .passport-box-sns { margin-top: 35px; }
.passport-box-login .passport-box-sns p { padding-left: 45px; line-height: 24px; }
.passport-box-login .passport-box-sns div { margin: 0; }
.passport-box-login .passport-box-sidebar { padding: 42px 0 0; width: 329px; }
.passport-token-title { height: 18px; color: #B4B4B4; font-size: 16px; line-height: 18px; text-align: center; }
.passport-token-title span { color: #438DCC; }
.passport-token-img { display: block; margin: 30px auto 20px; vertical-align: middle; }
.passport-token-download { height: 18px; text-align: center; }
.passport-token-download a { color: #438DCC; text-decoration: none;}
.passport-token-download a:hover { text-decoration: underline; }
/* passport-box-wxbind */
.passport-box-wxbind { display: none; }
.passport-box-wxbind .passport-box-title { background-position: 0 -300px; }
.passport-box-wxbind .passport-box-sidebar { padding-top: 18px; width: 280px; }
.passport-wxbind-title { margin: 0 auto; width: 210px; line-height: 22px; color: #4F4F4F; }
.passport-wxbind-title span { padding-right: 30px; background-position: 42px -329px; }
.passport-wxbind-title strong { color: #438DCC;}
.passport-wxbind-txt { margin: 10px auto 0; width: 210px; text-indent: 2em; line-height: 24px; color: #909090; }
.passport-wxbind-img { margin: 28px auto 0; width: 251px; height: 73px; background-image: url(http://pic.51wan.com/passport/common/i/wxbind.png); }
.passport-box-wxbind .passport-box-main { padding: 20px 0; width: 439px; border-left: 1px solid #E4E4E4; }
.passport-wxbind-tips { margin:0 0 18px 32px; padding-left: 20px; height: 18px; background-position: 0 -359px; line-height: 18px; color: #DB2342; }
.passport-box-wxbind form label { width: 90px; }
.passport-box-wxbind form li { margin-bottom: 18px; }
.passport-box-wxbind .passport-form-spe2 { padding-left: 98px; }
.passport-box-wxbind .passport-form-spe2 label { width: 260px; height: auto; }
.passport-box-wxbind .passport-button { margin-top: 0; }
.passport-wxbind-later { margin-top: 50px; padding-right: 30px; }
.passport-wxbind-later a { font-size: 14px; color: #909090; text-decoration: none; }
.passport-wxbind-later a:hover { text-decoration: underline; }
.passport-box-wxbind .passport-form .wrong input { width: 150px; }
.passport-box-wxbind .passport-form .right .tips { display: inline-block; width: 20px; height: 32px; background: url(http://pic.51wan.com/passport/common/i/icon.png) no-repeat 0 -264px; }
